<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name='viewport' content='width=device-width, initial-scale=1'>
<title>index</title>
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.css"/>
<script src="http://code.jquery.com/jquery-1.8.3.min.js"></script>
<script src="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.js"></script>
</head>
<body>
<% 
	String sessionID = (String)session.getAttribute("mid"); // 세션아이디를 가져오는 작업
%>

<div data-role='page' id='main'>
	<div data-role='header' data-position='fixed' data-theme='b'>
		<h1>JQueryMobile(중앙 HTA)</h1>
		<%if(sessionID == null || sessionID == ""){ %>
				<a href='Login.jsp' data role='button' data-rel='dialog' data-icon='info' data-transition='flip' data-theme='d' class='ui-btn-right'>로그인</a>
				<%}else{%>
				<a href='#' data-theme='d'><%=sessionID%>님</a>
				<a href='Logout.jsp' data role='button' data-theme='d' class='ui-btn-right'>로그아웃</a>
				<%} %>
				
		<div data-role='navbar' data-type='horizontal'>
			<ul>
				<%if(sessionID == null || sessionID == ""){ %>
				<li><a href='page.jsp' data role='button' data-theme='d'>페이지 삽입</a></li>
				<li><a href='extern.jsp' data role='button' data-theme='d'>외부 페이지</a></li>
				<li><a href='button.jsp' data role='button' data-theme='d'>Button</a></li>
				<li><a href='dialog.jsp' data role='button' data-theme='d'>Dialog</a></li>
				<%}else{ %>
				<li><a href='page.jsp' data role='button' data-theme='d'>페이지 삽입</a></li>
				<li><a href='extern.jsp' data role='button' data-theme='d'>외부 페이지</a></li>
				<li><a href='button.jsp' data role='button' data-theme='d'>Button</a></li>
				<li><a href='dialog.jsp' data role='button' data-theme='d'>Dialog</a></li>
				<li><a href='jqm_member_list.jsp' data role='button' data-theme='d'>회원목록</a></li>
				<%} %>
			</ul>
		</div>
	
	</div>
	
	<div data-role='content' style="background-image:url(../images/배경1.jpg); height:500px; background-repeat:no-repeat; background-size:100% 100%" >		
		<div id='result'>
			
			
		</div>
	</div>
	
	<div data-role='footer' data-theme='b' data-position='fixed'>
	<h1>JM.kim</h1>
	</div>
	
</div>
</body>
</html>